WebPlatformApp Performance
Web Platform App
の
Performance パフォーマンス
について
Performance Metrics パフォーマンス計測
performanceの目標設定
App Environmentの設定 performance
Assets Optimizations 資産の最適化
Build Optimizations ビルドの最適化
Delivery Optimizations 配信の最適化
Rendering Optimizations レンダリングの最適化
Performance Testing
Performance Monitoring
参考
Front-End Performance Checklist 2021 — Smashing Magazine
web pageの表示視点
Loading
ランタイム Runtime
Scripting Web
Styling スタイリング
Layout Web
Painting Web
FirstView ファーストビュー
の表示までの改善
該当サイトにアクセスしてから実際に表示されるまでの速度、体験を上げる
ランタイム・パフォーマンス
の改善
UI操作やアニメーションの実行速度、体験を上げる
ユーザー入力
スクロール、アニメーション
アイドル中の処理
hr.icon
その他参考
後で減らす。
パフォーマンスが重要なのはなぜか | Web Fundamentals | Google Developers
Webpack チャンク最適 テクニック - Qiita
Webパフォーマンス虎の巻 - Qiita
How to Improve Page Speed from Start to Finish (Advanced Guide)
https://3perf.com/blog/notion/
Optimizing CSS for faster page loads - Tomas Pustelnik's personal website
Optimize React Apps PageSpeed Insights Score - thetuteur
Webパフォーマンスの振り返り 2020 - Webパフォーマンスについて
The definitive guide to profiling React applications
web-speed-hackathon-online
スライド
スライドを作成する時に参考にしたい
Webpagetestから始める継続的パフォーマンス改善
一休.comのフロントエンドパフォーマンス最適化
最近の Web パフォーマンス改善について知っておきたいコト - Speaker Deck
フロントエンドのパフォーマンス改善
Vue.js Performance Tips / #v_kansai 11 - Speaker Deck
GraphQLを用いたサイトにおけるパフォーマンス改善(ECサイトを題材に)/ Improving online shopping site performance which using the GraphQL - Speaker Deck
Rebuilding a faster, lazier Slack - Speaker Deck